--- 
layout: default
--- 
{% for category in site.categories %}
<table id="table-{{ category | first }}" style="display: none;" class="table table-hover table-responsive">
    <caption>
        <h3>{{ category | first }}</h3>
    </caption>
    {% for post in category.last %}
    <tr>
        <td><a href="{{ post.url | relative_url }}">{{ post.title}}</a></td>
        <td align="right">{{ post.date | date:"%d/%m/%Y"}}</td>
    </tr>
    {% endfor %}
</table>
{% endfor %}

<article class="post" itemscope itemtype="http://schema.org/BlogPosting">

    <header class="post-header">
        <h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
        <p class="post-meta">
            <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
        {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
        {{ page.date | date: date_format }}
      </time> {% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>
            {% endif %}</p>
    </header>

    <div class="post-content" itemprop="articleBody">
        {{ content }}
    </div>

    {% if site.disqus.shortname %} {% include disqus_comments.html %} {% endif %}
</article>
<script>
    function categoryClick(id) {
        var displayDiv = "table-" + id;
        var isDisplay = ($("#" + displayDiv).css("display") != "none");
        if (isDisplay) {

            $("#" + displayDiv).fadeOut(600);

        } else {
            $(".table").css("display", "none");
            $("#" + displayDiv).fadeIn(600);

        }
    }
</script>